{% extends "base.html" %}
    {% block custom_style %}
    	<link href="/static/css/index.css" rel="stylesheet">
    {% endblock %}
    {% block content %}
    	<div class="jumbotron" style="background-color:#3498db">
      		<div class="container" style="color:#ffffff">
	        	<div class="row">
					<div class="col-md-8">
						<h1 class="sans">What is medicloud?</h1>
					</div>

				</div>
    		</div>
    	</div>
    	<div class="container">
    		<div class="row">
    			<div class="col-md-8">
					<h1 class="sans" style="color:#3498db">Your data, when you need it.</h1>
					<p class="sans-light" style="font-size:1.5em;">Medicloud stores your data in the cloud. This means that the data you need is available in real-time as it is uploaded.</p>
					<p class="sans-light" style="font-size:1.5em;">With your data in the cloud, you can access your data from anywhere in the world.</p>
				</div>
				<div class="col-md-4">
					<span class="icon-stack" style="font-size:150px; color:#fff">
						<i class="icon-circle-blank icon-stack-base" style="color:#3498db"></i>
						<i class="icon-file-text" style="color:#3498db"></i>
					</span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<span class="icon-stack" style="font-size:150px; color:#fff">
						<i class="icon-circle-blank icon-stack-base" style="color:#3498db"></i>
						<i class="icon-mobile-phone" style="color:#3498db"></i>
					</span>
				</div>
				<div class="col-md-8">
					<h1 class="sans" style="color:#3498db">Access from any device.</h1>
					<p class="sans-light" style="font-size:1.5em;">Medicloud allows you to access your data from any device.</p>
					<p class="sans-light" style="font-size:1.5em;">This lets you have instant access on-the-go to the data you need.</p>
				</div>
			</div>
			<div class="row">
    			<div class="col-md-8">
					<h1 class="sans" style="color:#3498db">Security is our priority.</h1>
					<p class="sans-light" style="font-size:1.5em;">The medicloud team is dedicated to securing your data.</p>
					<p class="sans-light" style="font-size:1.5em;">Medicloud transports your data using industry-grade 2048 bit SSL encryption. The use of 2-factor authentication, password confirmation, and granular permissions keeps your data safe from attackers.</p>
				</div>
				<div class="col-md-4">
					<span class="icon-stack" style="font-size:150px; color:#fff">
						<i class="icon-circle-blank icon-stack-base" style="color:#3498db"></i>
						<i class="icon-lock" style="color:#3498db"></i>
					</span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<span class="icon-stack" style="font-size:150px; color:#fff">
						<i class="icon-circle-blank icon-stack-base" style="color:#3498db"></i>
						<i class="icon-code-fork" style="color:#3498db"></i>
					</span>
				</div>
				<div class="col-md-8">
					<h1 class="sans" style="color:#3498db">Driven by community.</h1>
					<p class="sans-light" style="font-size:1.5em;">The code for medicloud is open-source.</p>
					<p class="sans-light" style="font-size:1.5em;">This means that development is driven by community efforts dedicated to keeping your data safe and available.</p>
				</div>
			</div>
    	</div>
    {% endblock %}
    {% block custom_scripts %}{% endblock %}